<template>
  <div class="reporting">
    <el-card shadow="never">
      <div slot="header" class="clearfix">
        <span class="card-title">上报管理-当前用户</span>
      </div>
      <el-table
          size="small"
          stripe
          :data="dataList"
          style="width: 100%">
        <el-table-column
            align="center"
            prop="areaName"
            label="区划名称">
        </el-table-column>
        <el-table-column
            align="center"
            prop="areaCode"
            label="区划代码">
        </el-table-column>
        <el-table-column
            align="center"
            prop="cityApprovalCount"
            label="市级审核情况" width="200px">
            <template slot-scope="scope">
              <el-row >
                <el-col :span="8">
                  <el-statistic title="待审核" :value="scope.row.cityApprovalCount.waitApproval"/>
                </el-col>
                <el-col :span="8">
                  <el-statistic title="已审核" :value="scope.row.cityApprovalCount.approval"/>
                </el-col>
                <el-col :span="8">
                  <el-statistic title="地市数量" :value="scope.row.cityApprovalCount.total"/>
                </el-col>
              </el-row>
            </template>
        </el-table-column>
        <el-table-column
            align="center"
            prop="countyApprovalCount"
            label="县级审核情况">
            <template slot-scope="scope">

              <el-row >
                <el-col :span="8">
                  <el-statistic title="待审核" :value="scope.row.countyApprovalCount.waitApproval"/>
                </el-col>
                <el-col :span="8">
                  <el-statistic title="已审核" :value="scope.row.countyApprovalCount.approval"/>
                </el-col>
                <el-col :span="8">
                  <el-statistic title="县级数量" :value="scope.row.countyApprovalCount.total"/>
                </el-col>
              </el-row>
            </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script lang="ts">
import {Component, Vue, Prop} from 'vue-property-decorator';
@Component
export default class ReportingActiveProvinceUser extends Vue {
  @Prop() private dataList:any;

}
</script>
<style lang="scss" scoped>
.cusorTag {
  cursor: pointer;
}
</style>
